﻿<!DOCTYPE HTML>
<html>
<head>
<title>【深度好文】五个简单的用户体现设计原侧_响应式网络软件科技公司织梦模板(自适应手机端)</title>
<meta name="keywords" content="产品设计原则, 用户体验设" />
<meta name="description" content="生活中许多东西都是瞬息万变的，不变的东西并不多，躲不过的死亡，和雷打不动晚七点新闻联播。在如此复杂多变的时代，要如何做好用户体验设计呢?作为一个用户体验设计师，多年" />
<meta name="renderer" content="webkit">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="generator" content="DEDECMS  5.7"  data-variable="/muban/M1156008/328/,cn,110,55,2,M1156008" />
<link rel="stylesheet" href="/skin/css/aitecms.css">
<link rel="stylesheet" href="/skin/css/font-awesome.min.css">
<!--[if IE 9]>
<link rel="stylesheet" href="/skin/css/aitecms-ie9-1.css">
<link rel="stylesheet" href="/skin/css/aitecms-ie9-2.css">
<link rel="stylesheet" href="/skin/css/aitecms-ie9-3.css">
<link rel="stylesheet" href="/skin/css/aitecms-ie9-4.css">
<![endif]-->
<!--[if lt IE 10]>
<script src="/skin/js/media.match.min.js"></script>
<script src="/skin/js/respond.min.js"></script>
<script src="/skin/js/classlist.min.js"></script>
<![endif]-->

</head>

<body class="active">
<header role="heading" class="active"> <div class="head-box">
  <div class="head-top">
    <div class="logo-box"> <a href="/" title="广州某某网络设计公司"> <img src="/skin/images/1480412957.png" title="广州某某网络设计公司" alt="广州某某网络设计公司"> </a> </div>
    <div class="jodo-box">
      <p><img src="/skin/images/weixin.jpg" alt="扫一扫微信二维码"/></p>
      <p>扫一扫微信二维码 <em class="fa fa-mobile-phone"></em></p>
    </div>
  </div>
  <div class="nav-cut">
    <ul>
      <li ><a href="/" title="精彩首页">精彩首页</a></li>
      <li class=""> <a href="/a/xinwenzixun/"  title="新闻资讯" data-alert="全部">新闻资讯</a>
        <ul>
          
          <li class="nav2"><a href="/a/xinwenzixun/gongsixinwen/" data-alert="全部">公司新闻</a></li>
          
          <li class="nav2"><a href="/a/xinwenzixun/xingyexinwen/" data-alert="全部">行业新闻</a></li>
          
          <li class="nav2"><a href="/a/xinwenzixun/meitibaodao/" data-alert="全部">媒体报道</a></li>
          
        </ul>
      </li><li class="nav1 active"> <a href="/a/chanpinzhongxin/"  title="产品中心" data-alert="全部">产品中心</a>
        <ul>
          
          <li class="nav2"><a href="/a/chanpinzhongxin/weixinkaifa/" data-alert="全部">高端定制网站</a></li>
          
          <li class="nav2"><a href="/a/chanpinzhongxin/yidongapp/" data-alert="全部">移动网站建设</a></li>
          
          <li class="nav2"><a href="/a/chanpinzhongxin/ruanjianjiemian/" data-alert="全部">业务系统研发</a></li>
          
          <li class="nav2"><a href="/a/chanpinzhongxin/dianzishangwu/" data-alert="全部">服务器运维</a></li>
          
          <li class="nav2"><a href="/a/chanpinzhongxin/app/" data-alert="全部">APP应用程序</a></li>
          
          <li class="nav2"><a href="/a/chanpinzhongxin/ui/" data-alert="全部">UI 美工设计</a></li>
          
        </ul>
      </li><li class=""> <a href="/a/xiangmuanli/"  title="客户案例" data-alert="全部">客户案例</a>
        <ul>
          
          <li class="nav2"><a href="/a/xiangmuanli/anlizhanshi1/" data-alert="全部">案例展示1</a></li>
          
          <li class="nav2"><a href="/a/xiangmuanli/anlizhanshi2/" data-alert="全部">案例展示2</a></li>
          
        </ul>
      </li><li class=""> <a href="/a/fuwuzhongxin/"  title="服务中心" data-alert="全部">服务中心</a>
        <ul>
          
          <li class="nav2"><a href="/a/fuwuzhongxin/changjianwenti/" data-alert="全部">常见问题</a></li>
          
        </ul>
      </li><li class=""> <a href="/a/guanyuwomen/"  title="关于我们" data-alert="全部">关于我们</a>
        <ul>
          
        </ul>
      </li>
      <li class="background"></li>
    </ul>
  </div>
  <div class="head-bottom">
    <div class="foto-box">
      <div class="social-box"> <a href="http://wpa.qq.com/msgrd?v=3&uin=88889999&site=qq&menu=yes" rel="nofollow" target="_blank"> <i class="fa fa-qq"></i> </a> <a href="" rel="nofollow" target="_blank"><i class="fa fa-weibo"></i></a> <a id="met-weixin"><i class="fa fa-weixin"></i></a>
        <div id="met-weixin-content" class="hide">
          <div class="text-center met-weixin-img"><img src="/skin/images/weixin.jpg" /></div>
        </div>
      </div>
      <div class="foto-cut">高端定制，品牌设计</div>
      <div class="powered_by_metinfo"> 品牌网络出品 </div>
    </div>
  </div>
</div>
 </header>
<section role="main" class="subpage active">
  <div class="main-box">
    <div class="banner-content">
      <div class="banner-click"><i class="fa fa-arrows-alt"></i></div>
      <div class="met-banner " data-height="450|350|250">
        <div class="slick-slide"> <img class="cover-image" src="/skin/images/1481290045.jpg" srcset='/skin/images/1481290045.jpg' alt="响应式网络软件科技公司织梦模板(自适应手机端)"> </div>
      </div>
    </div>
    <div class="sidebar-header ">
      <div class="sidebar-icon active"> <i class="fa fa-arrow-left"></i> <i class="fa fa-th-list"></i> </div>
      <div class="sidebar-nav">
        <ol>
          全部
        </ol>
        <ul>
          
          <li><a href="/a/chanpinzhongxin/weixinkaifa/" title="高端定制网站" class="">高端定制网站</a></li>
          <li class='active'><a href='/a/chanpinzhongxin/yidongapp/' title='移动网站建设' class='active'>移动网站建设</a></li>
          <li><a href="/a/chanpinzhongxin/ruanjianjiemian/" title="业务系统研发" class="">业务系统研发</a></li>
          
          <li><a href="/a/chanpinzhongxin/dianzishangwu/" title="服务器运维" class="">服务器运维</a></li>
          
          <li><a href="/a/chanpinzhongxin/app/" title="APP应用程序" class="">APP应用程序</a></li>
          
          <li><a href="/a/chanpinzhongxin/ui/" title="UI 美工设计" class="">UI 美工设计</a></li>
          
        </ul>
      </div>
      <div class="sidebar-search">
        <form  name="formsearch" action="/plus/search.php">
          <input type="hidden" name="kwtype" value="0" />
          <input type="input" name="q" class="searchword" placeholder="search" />
          <input type="submit" class="hidden" value=" " />
          <i class="fa fa-search"></i>
        </form>
      </div>
    </div>
    <div class="product-title" style="margin-top:80px;">移动网站建设</div>
    <div class="product-descript">
      <h3>【深度好文】五个简单的用户体现设计原侧</h3>
      <font> 阅读 <i class="fa fa-eye"></i> 
      <script src="/plus/count.php?view=yes&aid=59&mid=1" type='text/javascript' language="javascript"></script> 
      &nbsp;·&nbsp; 
      发布日期 <i class="fa fa-clock-o"></i> 2016-09-01 16:29 </font>
      <p>生活中许多东西都是瞬息万变的，不变的东西并不多，躲不过的死亡，和雷打不动晚七点新闻联播。在如此复杂多变的时代，要如何做好用户体验设计呢?作为一个用户体验设计师，多年...</p>
    </div>
    <div class="product-title">详细信息</div>
    <div class="product-content"> <p>生活中许多东西都是瞬息万变的，不变的东西并不多，躲不过的死亡，和雷打不动晚七点新闻联播。在如此复杂多变的时代，要如何做好用户体验设计呢?作为一个用户体验设计师，多年一来我实践了无数想法，试图寻找关于用户体验设计的终极答案。</p>
<p>想来复杂，但说起来也简单。在这些年的探索过程中，我最大的感受是，用户体验设计师的工作本质上是深入用户的大脑去寻找答案。我们需要了解大量的用户大脑中对于设计的真实看法，剖析肢解这些信息，整理出潜在的问题，和他们所面临的困惑。</p>
<p>在设计过程中、之前和之后都要持续不断地做用户体验设计，这是一个永无止境的过程。在任何时候都要考虑用户行为，这对于设计者是一个极大的挑战。</p>
<p>为了产品设计始终走在对的道路之上，我总结了5个简单的用户体验设计准则，并且用它作为我设计过程的重要参考。理解用户体验设计的设计决策并为团队成员作出解释，本就是一件不容易的事情，最终落实到产品中，更是需要走很长的路。</p>
<h2>1、易于消化</h2>
<p><a href="/uploads/allimg/c160901/14HGTY36050-14121.png"><img class="aligncenter size-full wp-image-2630" src="/uploads/allimg/c160901/14HGTY36050-14121.png" alt="1" width="1280" height="600" srcset="/uploads/allimg/c160901/14HGTY36050-14121.png 1280w, http://www.yzipi.com/wp-content/uploads/2015/10/1-400x188.png 400w, http://www.yzipi.com/wp-content/uploads/2015/10/1-600x281.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></p>
<p>好设计应该是易于用户消化的——大脑不应该花费巨量的脑细胞来费神分析眼睛看到的东西。如果设计得易于理解，访客和用户会很快“Get it”而无需花费半个小时来查看下方一千多字分6段解释的说明文字。</p>
<p>这不仅仅是设计清晰易读的文案这么单纯。用户需要在合适的视觉引导下作出对的决定，内嵌12个纯文本的菜单，这样的设计是令人发指的(亚马逊的Fire Phone 的设置菜单就这样，已经被吐槽得体无完肤了)。通过字体大小/粗细、色彩和图标来组织信息，拉开层级，可以突出重要的信息/选项，让用户更快地找到想要的东西。</p>
<p>另一个例子就是常见的新用户的用户指南，通常它们是以覆盖在界面层之上的小提示而存在，它们会分成多个不同的步骤，点击一个，进入下一条。但是反过来，你站在用户的角度来想想，你真的喜欢这东西么?一堆出乎意料的指令在界面中意想不到的地方弹出来，你或者你的用户真的消化得了这么多信息?</p>
<p>想想看，你费尽心思让用户去获取的信息、去做的事情，最后会像漏斗里的水一样流走，这真的是对你的努力和产品信息的极大浪费。每个人的大脑获取信息的效率和数量是相当有限的，合理运用，别太粗暴。</p>
<h2>2、清晰</h2>
<p><a href="/uploads/allimg/c160901/14HGTZ4Y60-23M5.png"><img class="aligncenter size-full wp-image-2631" src="/uploads/allimg/c160901/14HGTZ4Y60-23M5.png" alt="2" width="1280" height="600" srcset="/uploads/allimg/c160901/14HGTZ4Y60-23M5.png 1280w, http://www.yzipi.com/wp-content/uploads/2015/10/2-400x188.png 400w, http://www.yzipi.com/wp-content/uploads/2015/10/2-600x281.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></p>
<p>好的设计是诚实的，这句话也是设计大师Dieter Rams说的。除了要通过内容和设计传达你的价值观，还需要让用户明白其中的实际价值。模棱两可的表述和不干脆的产品是无法赢得粉丝的。</p>
<p>明确了产品的核心价值，围绕着它将所有的内容都清晰地表达出来。用户如果不知道你的支付系统的细节，是不会毫无顾虑地点击“立即购买”的。尽管许多团队选择使用“免费试用”来获取用户信息再过度到自动付款，但是这种做法真的能获得用户的信任和认可么?</p>
<p>虽然听起来很俗气，但是解决产品清晰度问题的黄金准则，就是解释清楚，让所有的东西都透明而清晰地呈现出来，你希望你用的东西都是清晰直观的，那么你也不要去蒙蔽你的用户。</p>
<h2>3、信任感</h2>
<p><a href="/uploads/allimg/c160901/14HGTZN240-3O53.jpg"><img class="aligncenter size-full wp-image-2632" src="/uploads/allimg/c160901/14HGTZN240-3O53.jpg" alt="3" width="800" height="375" srcset="/uploads/allimg/c160901/14HGTZN240-3O53.jpg 800w, http://www.yzipi.com/wp-content/uploads/2015/10/3-400x188.jpg 400w, http://www.yzipi.com/wp-content/uploads/2015/10/3-600x281.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>好设计是应该是值得信任，也容易被相信的。在要求用户执行某一动作的时候，尽一切努力帮他们理解为什么这个操作是必要的。每一步都需要借助诚实和清晰的表述来建立信任，逐步的积累，一点点提升用户的信任感。</p>
<p>看看Uber、Lyft和Airbnb吧。这些APP在这些一直处于相对混乱的行业当中杀出一条血路，不仅仅是补贴给的多，他们在服务体系的构建和安全性上投注的心思非常之多。这些APP对于用户的支付和个人信息保持的非常之好(Airbnb尤其如此)，可能在刚刚开始同陌生人沟通的时候，会有些不适，但是用着用着你会越来越信赖他们，交易风险比起其他的对低不少。</p>
<h2>4、熟悉性</h2>
<p><a href="/uploads/allimg/c160901/14HGT9102130-41133.png"><img class="aligncenter size-full wp-image-2633" src="/uploads/allimg/c160901/14HGT9102130-41133.png" alt="4" width="1280" height="600" srcset="/uploads/allimg/c160901/14HGT9102130-41133.png 1280w, http://www.yzipi.com/wp-content/uploads/2015/10/4-400x188.png 400w, http://www.yzipi.com/wp-content/uploads/2015/10/4-600x281.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></p>
<p>突破性的设计自然是炫酷无比，但是走心的设计才更好。Dribbble上炫酷的效果和全新的框架看起来不错，但是如果没人点击购买按钮，那你就麻烦了。</p>
<p>各个平台的设计规范的存在是有理由的。虽然看起来设计规范是想让产品在各个平台看起来更加一致，但是请注意那些一致而富有粘性的设计细节，熟悉的模式、相同的图标、统一的风格，本质上是营造出原生的感觉，让用户感到熟悉。</p>
<p>当然，这些设计方案在实际的设备上进行测试过之后才知道是否可行，如果想在各个平台上都让用户有熟悉而宾至如归的感觉，还是有很长的一段路要走的。而这也是类似InVision这样的工具试图帮用户做到的。</p>
<h2>5、令人愉悦</h2>
<p><a href="/uploads/allimg/c160901/14HGT91295P-5W07.png"><img class="aligncenter size-full wp-image-2634" src="/uploads/allimg/c160901/14HGT91295P-5W07.png" alt="5" width="1280" height="600" srcset="/uploads/allimg/c160901/14HGT91295P-5W07.png 1280w, http://www.yzipi.com/wp-content/uploads/2015/10/5-400x188.png 400w, http://www.yzipi.com/wp-content/uploads/2015/10/5-600x281.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></p>
<p>一般说来，仅有好想法是不够的，有良好的执行才能赢得竞争。设计团队执行得越多，用户需要做的就越少。复杂的问题被简化得越好，用户从解决方案中所获得的愉悦感就越强。</p>
<p>当你的产品足够好用，给用户带来足够的愉悦感的时候，用户不再将其视作一个“产品”，也不再意识到它是一个“工具”，而是将其当作生活中一个实用而不可或缺的组成部分，这也意味着这个产品是成功的。</p>
<p><strong><span style="color: #000000;">站在用户这边</span></strong></p>
<p>在清晰明确的意图之下构建贴心的产品，这是你真正关注产品设计的明证。这样的产品让用户更舒适地做出选择，营造更优秀的用户体验。产品设计是否用心其实很好判断，是否诚实地设计，用心地为用户考虑。一双鞋好不好，穿着它走上十公里，当你拖着疲惫的身躯回家的时候，仔细回味穿着它的每一步，就知道它好不好。而这也是我们面对自己的产品，要做的事情。</p> </div>
    <div class="page-main">
      <ul class="pager pager-round">
        <li class="previous"> <span></span><a href='/a/chanpinzhongxin/yidongapp/57.html'>上一篇：你所认为的用户，是属于你的真正用户吗？</a>  </li>
        <li class="next "> <span></span><a href='/a/chanpinzhongxin/yidongapp/61.html'>下一篇：【深度好文】目标成功的关键 &#8211; 热行力</a>  </li>
      </ul>
    </div>
    <button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide"> <i class="icon wb-chevron-up" aria-hidden="true"></i> </button>
    <script src="/skin/js/aitecms.js"></script> 
  </div>
  <footer >
    <p>Copyright &copy; 2016-2017 某某网络设计公司 版权所有 <a href="http://www.dede58.com" target="_blank">Power by DeDe58</a> </p>
  </footer>
</section>
</body>
</html>